<!DOCTYPE html>
<html lang="es">
	<head>
		<meta charset="utf-8" />
		<title>Portal de Aves Acuáticas</title>

			
				<link type="text/css" href="styles1.css" rel="stylesheet"  />

		
	</head>
	
	<body>
	
		<div style="text-align: center">
			<img src="top_banner.jpg" width="735" height="100" alt="GuyraLogo" />
		<header>
				<h1>Portal de Aves Acuáticas</h1>
			</header>
		</div>
		
		
		
		<div style="text-align: right">
			<form>
				<label>Usuario: </label>
				<input type="text" id = "myUser" />
				<label>Contraseña: </label>
				<input type="password" id="myPwd" />
				<td class="menupipe">|</td>
				<a href="iniciosesion.html">Iniciar sesión</a>
			</form>
			
		</div>
		
		<div style="text-align: right">
			<a href="recuperar.html">Recordar contraseña</a>
			<td class="menupipe">|</td>
			<a href="registrarse.html">Registrarse</a>
		</div>
		<div style="text-align: right">
		<form>
				<input type="text" id = "buscar" />
				<input type="submit" value="Buscar" />

				<td class="menupipe">|</td>
				<a href="busqueda.html">Búsqueda Avanzada</a>
			</form>
		</div>

		<table class="menu">
			<tr>
				
				<td class="menuwordselect"><a href="test.html">Inicio</a></td>
				<td class="menupipe">|</td>

				<td class="menuword"><a href="aves/listar.html">Aves</a></td>
				<td class="menupipe">|</td>
				<td class="menuword"><a href="expertos/listar.html">Expertos</a></td>
				<td class="menupipe">|</td>
				<td class="menuword"><a href="proyectos/listar.html">Proyectos</a></td>
				<td class="menupipe">|</td>
				<td class="menuword"><a href="instituciones/listar.html">Instituciones</a></td>
				<td class="menupipe">|</td>
				<td class="menuword"><a href="documentos/listar.html">Documentos</a></td>
				<td class="menupipe">|</td>
				<td class="menuword"><a href="publicaciones/listar.html">Publicaciones</a></td>
				
			</tr>
		</table>
	
			<div class="submenu">

			</div>
		<div style="text-align: center">
			
			<p class="content">
	<form>			
<table>
	<tr>
		<label for="id_estadoConservacion">Buscar Por :</label>
	</tr>
	<tr>
	<select name="estadoConservacion" id="id_estadoConservacion">
<option value="" selected="selected">---------</option>
<option value="NE">Aves</option>
<option value="DD">Expertos</option>
<option value="LC">Proyectos</option>
<option value="NT">Institiuciones</option>
<option value="VU">Publicaciones</option>
<option value="EN">Documentos</option>
</select></tr>
<tr><input type="text" id = "buscarA" /></tr>
			
				<tr><input type="submit" value="Buscar" />	</tr>
				</table>

</form>
			</p>
		
		
		</div>
		<footer><p class="content">
				<i>La Busqueda Avanzada contará con varios filtros, dependiendo de qué se quiera buscar
					por ejemplo si se elige buscar por especies, se podrá luego buscar por algún atributo
					específico de la especie</i>
			</p>
			</footer>
	</body>
</html>
